<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.css"/>
		<script src="js/swiper.js" type="text/javascript"></script>
		<script src="js/news.js" type="text/javascript"></script>
	</head>
	<body class="index">
		<div class="headerWrap">
			<div class="header">
				<div class="inner">
					<div class="log"><a href="index.html"><img src="images/logo_03.jpg"/></a></div>
					<ul class="nav clearfix">
						<li><a href="index.html">网站首页</a></li>
						<li><a href="company.html">关于我们</a></li>
						<li><a href="news_center.html">新闻中心</a></li>
						<li><a href="product_center.html">产品中心</a></li>
						<li><a href="consult.html">门店资讯</a></li>
						<li><a href="support.html">服务与支持</a></li>
					</ul>
					<ul class="icon">
						<li><a href="login.html"></a></li>
						<li><a href="shop_car.html"></a></li>
						<li><a href="##"></a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="banner_big index_ban">
			<div class="swiper-container">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide Slide_1"><img src="images/banner_1.jpg"/></div>
			        <div class="swiper-slide Slide_2"><img src="images/company_4.jpg"/></div>
			    </div>
			    <div class="swiper-pagination"></div>
			</div>
		    <div class="swiper-button-prev"></div>
		    <div class="swiper-button-next"></div>
			
			<div class="inner">
				<div class="rect">
					<div class="ban_bg"><img src="images/index_rect.png"/></div>
					<div class="text">
						<h2>GIANT</h2>
						<p>THE WORD IS AT YOU FEET</p>
					</div>
				</div>
			</div>
		</div>
		<div class="main">
			<div class="product">
				<div class="title">
					<h3><span>产品</span><span>分类</span></h3>
					<p>PRODUCT DISPLAY</p>
				</div>
				<div class="m_ban"></div>
				<div class="pic inner">
					<ul class="clearfix">
						<li class="big_pic"><a href="##"><img src="images/index_3.png"/><span></span></a></li>
						<li class="small_pic">
							<ul>
								<li><a href="##"><img src="images/index_4.png"/><span></span></a></li>
								<li><a href="##"><img src="images/index_5.png"/><span></span></a></li>
								<li><a href="##"><img src="images/index_6.png"/><span></span></a></li>
								<li><a href="##"><img src="images/index_7.png"/><span></span></a></li>
								<li><a href="##"><img src="images/index_8.png"/><span></span></a></li>
								<li><a href="##"><img src="images/index_9.png"/><span></span></a></li>
							</ul>
						</li>
					</ul>
					
					<div class="btn"><a href="product_center.html">MORE</a></div>
				</div>
				

				
			</div>
			<div class="aboutUs">
				<div class="title">
					<h3><span>关于</span><span>我们</span></h3>
					<p>PRODUCT DISPLAY</p>
				</div>
				<div class="company">
					<div class="inner">
						<div class="text">
							<div class="year">1992</div>
							<p class="con">捷安特，全称台湾巨大机械工业股份有限公司，是全球自行车生产及行销最具规模的公司之一，其网络横跨五大洲，五十余个国家，公司遍布中国大陆、美国、英国、国日本、加拿大、荷兰等地，掌握着超过1万个销售通路</p>
							<div class="btn"><a href="company.html">MORE</a></div>
						</div>
					</div>
				</div>
				<div class="team inner">
					<div class="pic"><img src="images/index_1.png"/></div>
					<div class="bg"></div>
					<div class="text">
						<span class="line"></span>
						<h2>GIANT TEAM</h2>
						<p>be the best tehword</p>
					</div>
					<div class="btn"><a href="motorcade.html">MORE</a></div>
				</div>
			</div>
			<div class="news inner">
				<div class="title">
					<h3><span>新闻</span><span>资讯</span></h3>
					<p>PRODUCT DISPLAY</p>
				</div>
				<ul class="newsList">
					<li class="clearfix">
						<div class="pic"><img src="images/index_2.png"/></div>
						<div class="text">
							<h3>RIDE LIKE CHAMPIONS</h3>
							<p>2017年是捷安特丰收年，于5月28日落幕的世界三大著名自行车环赛之一的环意大利赛，GIANT赞助车队TeamSunweb选手TomDumoulin于惊涛骇浪中夺下第一百届环意大利赛总冠军.GIANT赞助车队TeamSunweb选手TomDumoulin于惊涛骇浪中夺下第一百届环意大利赛总冠军</p>
							<span>2017-08-23</span>
						</div>
						<div class="btn"><a href="news_center.html">查看详情</a></div>
					</li>
				</ul>
				<ul class="code clearfix">
					<li>
						<div class="bg"></div>
						<h4>GIANT QRcode</h4>
						<p>车主身份ID,扫描QR绑定您的爱车享受更贴心的服务</p>
					</li>
					<li>
						<div class="bg"></div>
						<h4>GIANT QRcode</h4>
						<p>专业级车友APP,帮助你实现更好的骑乘方案</p>
					</li>
					<li>
						<div class="bg"></div>
						<h4>GIANT QRcode</h4>
						<p>加入捷安特大家庭，与三千骑友享受骑行的乐趣</p>
					</li>
				</ul>				
			</div>
		</div>
		<div class="footer">
			<div class="f_main">
				<div class="inner">
					<dl>
						<dt><a href="company.html">关于我们</a></dt>
						<dd><a href="##">关于捷安达</a></dd>
						<dd><a href="##">捷安达影像</a></dd>
						<dd><a href="##">捷安达文化</a></dd>
					</dl>
					<dl>
						<dt><a href="product_center.html">产品中心</a></dt>
						<dd><a href="##">产品分类</a></dd>
						<dd><a href="##">热销产品</a></dd>
						<dd><a href="##">新品上线</a></dd>
					</dl>
					<dl>
						<dt><a href="news_center.html">新闻资讯</a></dt>
						<dd><a href="##">企业讯息</a></dd>
						<dd><a href="##">最新案例</a></dd>
						<dd><a href="##">企业文化</a></dd>
					</dl>
					<dl>
						<dt><a href="product_center.html">企业产品</a></dt>
						<dd><a href="##">产品讯息</a></dd>
						<dd><a href="##">最新案例</a></dd>
					</dl>
					<dl>
						<dt><a href="##">销售网点</a></dt>
						<dd><a href="##">深圳网点</a></dd>
						<dd><a href="##">成都网点</a></dd>
						<dd><a href="##">重庆网点</a></dd>
					</dl>
					<dl class="last">
						<dt><a href="##">订阅我们</a></dt>
						<dd><a href="##">第一时间了解企业资讯</a></dd>
						<dd><input type="text" placeholder="请输入您的邮箱"/><a href="##" class="arrow">></a></dd>
					</dl>
				</div>
			</div>
			<div class="bot">
				<div class="inner">
					<ul class="copy clearfix">
						<li>服务条款<span>|</span></li>
						<li>隐私政策<span>|</span></li>
						<li>版权所有<span></span></li>
					</ul>
					<div class="bei">蜀ICP备11014931号</div>
					<ul class="icon">
						<li></li>
						<li></li> 
						<li></li> 
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>
